<!-- 直播 -->
<template>
    <div class="streaming">
        <div class="text-center">
            <img class="streaming-img" src="@/assets/image/home/live_tab.png">
        </div>
        <div class="streaming-bottom">
            <div class="streaming-box mb-36">
                <p>即时</p>
                <p>零时差直播，学习最新专业知识</p>
            </div>
            <homeButton :name="'立即观看'"/>
        </div>
    </div>
</template>

<script>
import homeButton from './homeButton.vue';
export default {
    components:{
        homeButton,
    },
}
</script>

<style lang="scss" scoped>
.streaming {
    .streaming-img{
        width: 748px;
        height: 596px;
        box-sizing: border-box;
        border-radius: 20px;
        position: relative;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .streaming-box{
        background-color: #1F1F1F;
        height: 170px;
        padding: 24px 22px;
        border-radius: 20px;
        box-sizing: border-box;
        margin-top: -18px;
        
    }
    .streaming-bottom{
        position: relative;
        left: 0;
        top: -100px;
        z-index: 2;
        margin-bottom: -100px;
    }
}
</style>